	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
<html>
<head>
	<meta charset="UTF-8"/>
	<title>拾客——找回曾经的拥有</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="Lost and Found">
	<meta name="description" content="A Lost and Found web application.">
	<link type="text/css" href="css/custom-theme/jquery-ui-1.8.6.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
	<script type="text/javascript" src="js/default.js"></script>
	<link href="css/default.css" rel="stylesheet" type="text/css">
	<style>
		#userbox{width: 260px;  border-radius: 5px; margin: 0 20px 20px 0; padding: 20px; -webkit-box-shadow: 0px 0px 5px #999;}
		#userbox h3{font-size: 21px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed;}
		#loginbox{line-height: 2em;}
		#loginbox .label{display: block; width: 40px; float: left; padding-right: 10px; text-align: right;}
		#loginbox .m_label{display: block; width: auto; margin-left: 50px;}
		#loginbox .star{margin: 0 1em; color: #F00;}
		#loginbox .text{border: 1px solid #CCC; border-radius: 5px; padding: 0 3px; width: 127px;}
		#loginbox #loginbtn{width: 50px;}
		#loginbox .reglink{margin-top: 10px; border-top: 1px dashed; padding-left: 50px;}
		#loginbox .reglink a{color: #000;}
		#introduce{}
		#introduce p{margin-bottom: 10px;}
	</style>
	<script type="text/javascript" >
		$(function(){
			$("#logintxt+.pipe").remove();
			$("#logintxt").remove();
			$("#loginbtn").click(function(){
				//alert($("#username").val().length);
				if($("#username").val().length==0){$("#username").focus(); return false;}
				if($("#password").val().length==0){$("#password").focus(); return false;}
			});			
		});
	</script>
</head>
<body>
	<div id="header"><div class="container">
		<div id="logo"></div>
		<h1>拾客</h1>
		<h2>——找回曾经的拥有！</h2>
		<div id="nav"><ul>
			<li><a href="index.html" title="Found" class="now">首页</a></li></li>
			<li><a href="found.html" title="Found">失物招领</a></li>
			<li><a href="lost.html" title="Lost">寻物启示</a></li>
			<li><a href="article.html" title="Articles">文章中心</a></li>
			<li><a href="about.html" title="About us">关于我们</a></li>
		</ul></div>
		<div id="searchbox"><form><input type="text" id="keywords" name="keywords" value="找东西" />
				<input type="submit" id="searchbtn" value="搜索" /><span class="pipe">|</span><a href="#">高级搜索</a>		
		</form></div>
		<div id="login"><img src="images/usericon.png" alt="成员登陆" id="usericon" />
			<a id="logintxt" href="login.html">登陆</a><span class="pipe">|</span><a href="#">注册</a><span class="pipe">|</span><a href="#">分享</a>
		</div>
	</div></div>
	
	<div id="main"><div class="container">
		<div id="intro" class="content">
		<p class="message">
			<a href="#">一群乐于助人、勤于分享的人！我们拾金不昧，我们富有同情心！</a>
		</p></div>
		<div id="userbox" class="fl" >
		<h3>用户登陆</h3>
		<form action="login.php" id="loginbox" method="post">
			<label for="username" class="label">昵称</label>
			<input type="text" id="username" name="username" class="text" size="12" value=""/><span class="star">*</span><br/>
			<label for="password" class="label">密码</label>
			<input type="password" id="password" name="password" class="text" size="12" value=""/><span class="star">*</span><br/>
			<div id="quickreg"></div>
			<label title="为了确保您的信息安全，请不要在网吧或者公共机房勾选此项！" for="autologin" class="m_label">
				<input type="checkbox" name="autologin" id="autologin" value="true"> 下次自动登录
			</label><label class="m_label"><input type="submit" id="loginbtn" value="登陆"/></label>
			<div class="reglink"><a href="forgot.php">忘记密码？</a><span class="pipe">|</span><a href="reg.php">快速注册</a></div>
		</form></div>
		<div class="fl" id="introduce"><p>还没有帐号？<a href="#">免费注册成为拾客！</a></p>
		<p>拾客网站提供这样一个平台：
		<ul><li>当你丢失东西时——你可以发布<em>寻物启示</em></li>
		<li>当你捡到东西时——你可以提交<em>失物招领</em></li>
		<li>甚至可以给为你找回东西的人写封<em>感谢信</em></li></ul></p>
		<p>在这里，你可以找回曾经的拥有</p>
		<p>在这里，你可以获得一份特殊的友谊</p>
		<p>……</p></div>
		<div class="clearb"></div>
	</div></div>
	<div id="footer"><div class="container">
		<div id="link"><a href="mailto:gmutoo@gmail.com">联系我们</a><span class="pipe">|</span><a href="/wap/">WAP</a></div>
		<div id="copyright">Copyright &copy; 2010. All Rights Reserved.</div>
		<div class="clearb"></div>		
	</div></div>
</body>
</html>
